<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组</title>
</head>
<body>
    <table border="1">
        <thead>
            <tr>
                <th></th>
                <th></th>
                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody id="showobj">

        </tbody>

    </table>
</body>
</html>
<script>
  /**
   * 数组的定义
   */ 
  //1.静态初始化数组
  var a ;
  var arr = [12,"abc",true,13.4,a,null];  //这定义的就是一个空的数组

  //数组的遍历
  for(let i = 0;i<arr.length;i++){
      console.log(arr[i]);
  }
console.log("--------------------------------");
  //for-in
  for(let i in arr){   //i：表示数组的下标
      console.log(arr[i]);
  }

       //在数组中存储2个对象
var objarr = [
    {id:1,name:"王坤绩",age:27,gender:"男"},
    {id:2,name:"anna",age:24,gender:"女"}
];

//拿到所有对象的所有属性，展示在页面中  document.write
let str = ``;
for(let index in objarr){
    let obj = objarr[index]; //把集合中对象拿取出来
    str += `<tr>   <!--将所有的值放到tr中，一个对象就是一行数据，
        td中获取对象的每一个属性-->
                <td>${obj.id}</td>
                <td>${obj.name}</td>
                <td>${obj.age}</td>
                <td>${obj.gender}</td>
            </tr>`;
}
//获取tbody标签，将str的内容为tbody的标签体
document.querySelector("#showobj").innerHTML = str;
</script>